<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/bootstrap4.5.min.css">
    <title>外贸模块</title>
    <style>
        li {
            list-style: none;
        }
        
        ul {
            margin: 0;
            padding: 0;
        }
        
        .row {
            margin: 0;
        }
        
        @media (min-width:576px) {
            .container {
                max-width: 576px;
                padding: 0;
            }
        }
        
        @media (min-width:768px) {
            .container {
                max-width: 768px;
                padding: 0;
            }
        }
        
        @media (min-width:992px) {
            .container {
                max-width: 992px;
                padding: 0;
            }
        }
        
        @media (min-width:1200px) {
            .container {
                max-width: 1200px;
                padding: 0;
            }
        }
        
        .foreign_list_box img {
            width: 100%;
        }
        
        .foreign_list_content {
            padding: 100px 0;
        }
        
        .foreign_list_content h6 {
            color: #666666;
        }
        
        .foreign_list_content p {
            margin: 100px 0;
            color: #999999;
        }
        
        .foreign_list_content span {
            color: #1e50ae;
        }
        
        .foreign_list ul:nth-child(2) {
            display: flex;
            flex-direction: row-reverse;
        }
    </style>
</head>

<body>
    <div class="foreign">
        <div class="container">
            <div class="foreign_list">
                <ul class="row">
                    <li class="col-lg-5 col-md-5 col-12">
                        <div class="foreign_list_box">
                            <img src="img/foreign/img1.webp" alt="">
                        </div>
                    </li>
                    <li class="col-lg-7 col-md-7 col-12">
                        <div class="foreign_list_content">
                            <h4>运输业务</h4>
                            <h6>TRANSPORTATION SERVICE</h6>
                            <p>公司在做好钢铁主业的同时，积极展开多元化布局，从事海、陆、空进出口货物和国际快件运输代理业务的国家一类货代单位。在香港、深圳和东莞三地拥有上万平方尺的储运中转仓库。</p>
                            <span>———</span>
                        </div>
                    </li>
                </ul>
                <ul class="row">
                    <li class="col-lg-5 col-md-5 col-12">
                        <div class="foreign_list_box">
                            <img src="img/foreign/img2.webp" alt="">
                        </div>
                    </li>
                    <li class="col-lg-7 col-md-7 col-12">
                        <div class="foreign_list_content">
                            <h4>运输业务</h4>
                            <h6>TRANSPORTATION SERVICE</h6>
                            <p>公司在做好钢铁主业的同时，积极展开多元化布局，从事海、陆、空进出口货物和国际快件运输代理业务的国家一类货代单位。在香港、深圳和东莞三地拥有上万平方尺的储运中转仓库。</p>
                            <span>———</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</body>

</html>